// .container .mid {
//   margin-left: 20px;
//   margin-right: 20px;
// }

// .container {
//   display: flex;
//   justify-content: center;
//   height: 100%;
// }

// .left-list {
//   height: 200px;
//   background-color: #fff;
//   overflow-y: scroll;
// }

// .left {
//   width: 150px;
//   height: 200px;
// }

// //========================================================
// .selece-item {
//   width: 300px;
// }

// ///=====================================================================
// .tableContainer {
//   width: 100%;
//   background-color: #e0fce1;
//   cursor: pointer;

//   .tables {
//     width: 100%;
//     // border-spacing: 5px 10px;
//     height: 100%;
//     // display: inline-block;
//     background-color: #fff;
//     border: 1px solid #ccc;
//     border-top: 0;

//     thead {
//       // display: inline-block;
//       width: 100%;
//       padding-bottom: 16px;
//     }

//     tbody {
//       width: 100%;
//       display: inline-block;
//       // height: calc(100% - 54px);
//       overflow-y: auto;
//     }

//     // tbody::-webkit-scrollbar {
//     //   width: 0;
//     // }

//     tr {
//       width: 100%;
//       display: block;
//     }

//     th {
//       // display: inline-block;
//       padding-top: 8px;
//       // border: 1px solid #ccc;
//       // border-top: 0;
//       // border-right: 0;
//       // border-bottom: 0;
//     }

//     td {
//       padding-top: 10px;
//       display: inline-block;
//       // word-break: break-all;
//       margin-left: 5.5px;
//     }
//   }

//   .column {
//     border: 1px solid #ccc;
//     border-right: 0;
//     border-left: 0;
//     border-bottom: 0;
//   }

//   .column th {
//     text-align: left;
//     line-height: 22px;
//     // object-fit: contain;
//     font-size: 16px;
//     // font-weight: normal;
//     // font-stretch: normal;
//     // font-style: normal;
//     // line-height: 1.38;
//     // letter-spacing: normal;
//     display: inline-block;
//     // vertical-align: inherit;
//     height: 38px;
//   }

//   .column>th {
//     width: 11%;
//   }

//   .column>th:first-child {
//     visibility: hidden;
//     width: 6%;
//   }

//   .column>th:nth-child(2) {
//     width: 40%;
//   }

//   .column>th:nth-child(5) {
//     width: 20%;
//   }

//   .column>th:last-child {
//     text-align: right;
//   }

//   .row {
//     border: 1px solid #ccc;
//     border-bottom: 0;
//     border-left: 0;
//     border-right: 0;
//     // line-height: 22px;
//     // object-fit: contain;
//     // font-size: 14px;
//     // font-weight: normal;
//     // font-stretch: normal;
//     // font-style: normal;
//     // line-height: 1.38;
//     // letter-spacing: normal;
//     // display: inline-block;
//     // vertical-align: inherit;
//     // height: 40px;
//     // margin-bottom: 8px;

//     // td div {
//     //   color: #2663fc;
//     //   text-align: right;
//     // }

//     // input[type=checkbox] {
//     //   width: 18px;
//     //   height: 18px;
//     //   object-fit: contain;
//     //   border-radius: 4px;
//     //   background-color: #fff;
//     //   border-color: #2663fc;
//     //   cursor: pointer;
//     // }
//   }
// }

// .row>td {
//   width: 11%;
// }

// .row>td:first-child {
//   width: 6%;
// }

// .row>td:nth-child(2) {
//   width: 40%;
// }

// .row>td:nth-child(5) {
//   width: 20%;
// }

/////////////////////////////////////////
.taball {
  height: 100vh;
  background-color: #fff;
  margin-top: 50px;
  margin-left: 16px;
  margin-right: 16px;
}
